<template>
  <a-modal
    width="45vw"
    title="请稍后"
    title-align="start"
    :closable="false"
    :footer="false"
    :mask-closable="false"
    v-model:visible="visible"
  >
    <div>渠道门店数据同步中...</div>
  </a-modal>
</template>

<script setup lang="ts">
  import { computed } from 'vue'

  interface IProps {
    modelValue: boolean
  }

  const emits = defineEmits(['update:modelValue'])
  const props = withDefaults(defineProps<IProps>(), {
    modelValue: false,
  })

  const visible = computed({
    get: () => props.modelValue,
    set: (val) => emits('update:modelValue', val),
  })
</script>

<style lang="less" scoped></style>
